<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请售后</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <link rel="icon" type="text/css" href="img/favicon.ico">
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/applyService_shou.css">
</head>
<body>
    <!--网页头部-->
    <div id="userheader"></div>
    <!--内容-->
    <div id="content">
        <!--内容导航栏-->
        <nav class="navbar navbar-default">
            <div class="container">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">家具租赁</a>
                    </li>
                    <li>
                        <a href="#">增值服务</a>
                    </li>
                    <li>
                        <a href="#">最新咨询</a>
                    </li>
                    <li>
                        <a href="#">个人中心</a>
                    </li>
                </ul>
            </div>
        </nav>
        <h3>个人中心</h3>
        <div class="container">
            <div class="row">
                <!--左侧内容-->
                <div class="col-xs-3">
                    <!--左侧面版-->
                    <div class="panel panel-default">
                        <div class="panel-heading panelHeadingBg">
                            <img src="img/bigpic.jpg" class="headPic">
                        </div>
                        <div class="panel-body">
                            <!--2、列表组-->
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <a href="personal_account.html">账户信息</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_order.html">我的订单</a>
                                </li>
                                <li class="list-group-item active">
                                    <a href="personal_furniture.html">在租家具</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_bill.html">我的账单</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_coupon.html">我的优惠券</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_recharge.html">账户充值</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_deposit.html">免押金额度</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_address.html">收货地址</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_invoice.html">发票信息</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="personal_information.html">个人信息</a>
                                </li>
                                <li class="list-group-item">
                                    <a href="#">注销</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--2、右侧主体-->
                <div class="col-xs-9">
                    <!--右侧面版-->
                    <div id="panel" class="panel panel-default rightPanel">
                        <div class="panel-heading">
                            <h4 class="myorder">申请退租</h4>
                        </div>
                        <div class="panel-body">
                            <p class="productDate">
                                <span>下单日期:</span>
                                <span>2017-9-8</span>&nbsp;&nbsp;
                                <span>订单号:</span>
                                <span>1234567890</span>&nbsp;&nbsp;
                                <span>订单金额:</span>
                                <span class="red">100</span>
                                <span class="red">元</span>
                                <a class="rt" href="#">订单详情</a>
                            </p>
                            <!--列表组-->
                            <ul class="orders list-inline">
                                <li class="imgInfo">
                                    <img class="img-responsive" src="img/example.jpg">
                                </li>
                                <li>
                                    月租金:<span>123</span>元
                                    <br>
                                    单套押金:<span>23123</span>元
                                </li>
                                <li>
                                    支付押金:<span>100</span>元
                                    <br>
                                    <span>首付一个月押金</span>
                                </li>
                                <li>
                                    订单数量:<span>4</span>
                                    <br>
                                    账单金额:<span>23123</span>元
                                </li>
                                <li>
                                    起租日期:<span>2019-8-5</span>
                                    <br>
                                    租期:<span>24</span>个月
                                </li>
                            </ul>
                            <div class="mediaInformation">
                                <span>欧尚办公组合家具*</span>
                                <span>1</span>
                                <img src="img/color.jpg">
                                <span class="red margin">¥</span>
                                <span class="red">759</span>
                                <span class="red">/月</span>
                                <span class="bigMargin">维修数量:</span>
                                <b class="glyphicon glyphicon-minus-sign"></b>
                                <span class="number">1</span>
                                <b class="glyphicon glyphicon-plus-sign"></b>
                            </div>
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-xs-2">
                                        收货地址:
                                    </div>
                                    <div class="col-xs-10">
                                        <span>马玉云：</span>
                                        <span>12345678901</span>
                                        <span>（上海市上海市宝山区汶川路100号泰德科技原）</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-2">
                                        故障图片:
                                    </div>
                                    <div class="col-xs-10 problem">
                                        <div class="problemPic"></div>
                                        <span>为了方便售后技术人员判断故障、帮助您快速解决问题，建议您上传故障图片！请上传格式jpg、png、gif、的图片，图片请小于4M。</span>
                                    </div>
                                    <input type="file" id="up_img">
                                </div>
                                <div class="row specialMargin">
                                    <div class="col-xs-2">
                                        维修原因:
                                    </div>
                                    <div class="col-xs-10">
                                        <textarea name="" id="" maxlength="200" placeholder="请填写维修原因，长度在200字以内。"></textarea>
                                    </div>
                                </div>
                                <div class="row special">
                                    <!--此div误删，占位用-->
                                    <div class="col-xs-2"></div>
                                    <div class="col-xs-10">
                                        <span>备注：人为损坏需要支付维修费用</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <!--此div误删，占位用-->
                                    <div class="col-xs-2"></div>
                                    <div class="col-xs-10">
                                        <button class="btn btn-warning">立即申请</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--隔断底部-->
    <div id="partition"></div>
    <div id="footer"></div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootlint.js"></script>
    <script src="js/common.js"></script>
    <script src="js/applyService_shou.js"></script>
    <!--<script>-->
    <!--bootlint.showLintReportForCurrentDocument([]);-->
    <!--</script>-->
</body>
</html>